<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  <title>Google Maps JavaScript API v3 Example: Fusion Tables Layer</title>
  <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="http://ditu.google.cn/maps/api/js?sensor=false&language=zh-CN"></script>
  <script type="text/javascript">

    function initialize() {

      var map = new google.maps.Map(document.getElementById('map_canvas'), {
        center: new google.maps.LatLng(10, -140),
        zoom: 3,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });

      var layer = new google.maps.FusionTablesLayer({
        query: {
          select: 'location',
          from: 579510
        },
        heatmap: {
          enabled: true
        }
      });

      layer.setMap(map);
    }
  </script>
</head>
<body onload="initialize()">
  <div id="map_canvas"></div>
</body>
</html>
